@import "normalize"; // api: https://github.com/necolas/normalize.css/
@import "variables"; // 站点变量
@import "base";
@import "element";

html {
  height: 100%;
}
body {
  height: 100%;
  min-height: 100%;
  font-family:  "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;;
}

// page页面统一样式
//.page-header {
//    padding: 0 20px;
//  }

.page-header__title {
  font-size: 20px;
  color: #d20001;
  padding-top: 5px;
}

.operation-group {
  display: flex;
}

.new-q {
  margin-left: 30px;
}

.mb20 {
  margin-bottom: 20px;
}

.local-icon__local__product {
  color:#333;
  background: url(../img/icons/icon-products.png) no-repeat;
  background-size: contain;
}

.el-dialog__footer {
  text-align: center;
}

// 文件颜色
.text-info {
  color: $--color-info !important;
}
.text-warning {
  color: $--color-warning !important;
}
.text-danger {
  color: $--color-danger !important;
}
.text-primary {
  color: $--color-primary !important;
}



// 对齐方式
.pull-right{
  float: right;
}
.text-left{
  text-align: left !important;
}
.text-right{
  text-align: right !important;
}
.text-center{
  text-align: center;
}

// 居中对齐的表格
.table-center{
  .cell{
    text-align: center;
  }
}

  // 激活的tab选项
.tab-item.active {
  color: $--color-danger!important;
  border-bottom: 2px solid $--color-danger;
}

.el-tabs__nav-wrap::after {
  background-color: transparent;
}
.el-tabs__item.is-active {
  color: $--color-danger;
}
.el-tabs__active-bar {
  background-color: $--color-danger;
}

.tab-item:hover {
  color: mix($--color-white, $--color-danger, 20%)!important;
}


/*新增筛选项 弹窗 */
.srceenDailog{
  .el-table tr{
    background-color: #eee;
  }
}




.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background: #1890ff;
  color:#fff;
}

.el-message-box .el-message-box__btns {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}

.el-message-box .el-message-box__btns .el-button + .el-button {
  margin-right: 10px;
  margin-left: 0;
}
